<template>
  <div class="app">
    <!-- name属性 -->
    <router-view v-slot="props">
      <!-- <keep-alive>
        <component :is="props.Component"></component>
      </keep-alive> -->
      <component :is="props.Component"></component>
    </router-view>
    <tab-bar v-show="!route.meta.hideTabBar"/>
    <loading/>
  </div>
</template>

<script setup>

import TabBar from "@/components/tab-bar/tab-bar.vue"
import Loading from "@/components/loading/loading.vue"
import { useRoute } from "vue-router";

const route = useRoute()

</script>

<style  lang="scss">
 :root {
  // --primary-color:  #000 !important;
}
.nomore{
  text-align: center;
  color: var(--van-gray-5);
  font-size: 12px;
  margin-top: 10px;
}
</style>
